Massive UI Overhual, Templates, skeletons, log table, mobile menu

Summary

• Development Overview: Modernized AI Mocker’s UI with a cohesive dark theme, enhanced generator experience (skeletons, progress stream, CTA gradients), and a richer template system (picker, dual SQL/NoSQL support, dedicated Templates page, PDF export, etc.). Added improvements to navigation/footer and introduced a dashboard-grade Events log with filters, export, and table view.

• Phase 1 Highlights:

  • Added skeleton loaders and refined animations around cards, buttons, and progress indicators.
  • Implemented dual-mode template browsing/loading (modal + Templates page), category filters, reusable cards, and generator integration.
  • Built a fully themed Templates page plus a new category in the navbar.
  • Reworked the events dashboard into a filterable table with portrait PDF exports via jsPDF.
  • Laid groundwork for consistent CTA styling (shared gradients, darker surfaces) across the app.

• New Files:

  • app/templates/page.tsx – dedicated template listing that loads templates into the generator.
  • components/templates/template-card.tsx – card with SQL/NoSQL toggle, schema preview, and CTA.
  • components/templates/template-picker.tsx – revamped modal picker, category row, and layout.
  • components/generator/generation-progress.tsx – step-based progress indicator for the generator.
  • components/ui/skeleton.tsx, schema-card-skeleton.tsx, results-skeleton.tsx – reusable skeletons.
  • components/generator/generation-progress.tsx, components/ui/skeletons, new types/utilities for templates.
  • lib/templates.ts, types/template.ts – expanded template catalog with dual-format data.

• Updated Files:

  • components/ui/card.tsx, globals.css, button.tsx, toast.tsx – new gradients, CTA styling, theme tokens, and layout helpers.
  • app/layout.tsx, navbar.tsx, footer.tsx – consistent shell, sticky header tweaks, centered footer text.
  • app/saved/page.tsx, app/generator/page.tsx, components/results/results-viewer.tsx, components/templates – generator templates, skeletons, progress wiring, and template loading logic.
  • app/dashboard/events/events-list.tsx – filters, table layout, jsPDF export.
  • app/schema/new/page.tsx – repositioned save/reset controls with CTA styles.
  • app/templates/page.tsx – new page with category filters and reuse of template cards.

• Noteworthy Enhancements:

  • Template browser now supports category chips without background shift, scrollable grid, PDF exports, and clipboard-to-generator flow.
  • Events dashboard exporting uses portrait pdfs generated with jsPDF, respecting applied filters.
  • Added TemplateSelection wiring so generator can be prefilled from multiple entry points while juggling SQL/NoSQL variants.